<!--
    固定表头；列表
-->
<template>
	<div class="table-wrapper table-min-wrapper table-fiexd-action"
	     :class="{unselect:unselect}">
		<ScrollBar :vertical="true"
		           :visible="true">
			<Spin size="large"
			      fix
			      v-show="loading"></Spin>
			<div class="list-wrapper">
				<div class="list"
				     :class="tableClass">
					<div v-if="!tableData || !tableData.length"
					     colspan="999"
					     class="text-nodata">
						暂无数据
					</div>
					<div v-else
					     class="list-item"
					     @dblclick="dbTrigger(index)"
					     v-for="(row,index) in tableData"
					     :key="row.id"
					     :style="rowsStyle[index]"
					     :class="{[ativeClass]:checkList[index]}"
					     @click="checkTableRow($event,index)">

						<slot name="item"
						      :row="row"
						      :fields="orderFields"></slot>
					</div>
				</div>
			</div>
		</ScrollBar>
	</div>
</template>
<script>
import gridTable from './gridTableSample';
import ScrollBar from '@/element/scrollbar/index';
export default {
	name: 'minTable',
	extends: gridTable,
	components: {
		ScrollBar,
	},
};
</script>

<style lang="less">
.table-wrapper.table-min-wrapper {
	overflow: hidden;
	height: 100%;
	border-right: 1px solid #e2e4e6;
	border-left: 1px solid #e2e4e6;
	border-bottom: 1px solid #e2e4e6;
	.scrollbar_bar {
		background: #f1f1f1;
		border-radius: 0;
	}
	.scrollbar_bar.is-vertical {
		right: 0;
	}
	.list-item {
		border-bottom: 1px solid #e2e4e6;
		padding: 6px;
		&.active {
			background: #fafafa;
			box-shadow: -6px 0px 4px 0px #dadada inset;
		}
		&:hover {
			background-color: #ebf7ff;
		}
	}
}
</style>
